<template>
  <div class="box">
    <basic-template />
    <Card />
    <Charts />
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive } from "vue";
import basicTemplate from "./components/basic-template.vue";
import Card from "./components/card/index.vue";
import Charts from "./components/charts/index.vue";

// console.log("====>", Charts);
export default defineComponent({
  components: {
    Card,
    Charts,
    basicTemplate,
  },
});
</script>

<style lang="scss" scoped>
.box {
  padding: 15px;
}
</style>
